<div class="demo-container">
  <mc-bubble [content]="'Hello MateChat'" [align]="'right'" [avatarConfig]="userAvatar"></mc-bubble>
  <mc-bubble [content]="'Hello, what can I do for you?'" [avatarConfig]="modelAvatar"></mc-bubble>
  <mc-bubble [content]="'You can ask me everything~'" [avatarConfig]="{}"></mc-bubble>
  <mc-bubble [content]="'Hello MateChat'" [align]="'right'" [avatarConfig]="userAvatarTop"
    [avatarPosition]="'top'"></mc-bubble>
  <mc-bubble [content]="'Hello, what can I do for you?'" [avatarConfig]="modelAvatarTop"
    [avatarPosition]="'top'"></mc-bubble>
</div>